<template>
	<view class="home__item">
		<text>{{item.num}}</text>
		<text>{{item.name}}</text>
	</view>
</template>

<script setup>
	const props = defineProps({
		item:{
			type:Object,
			required:true
		}
	})
</script>

<style lang="scss" scoped>
	.home__item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		>text:first-of-type {
			font-size: 40upx;
		}
		>text:last-of-type {
			color: #a1a1a1;
		}
	}
</style>